<template>
  <div class="app">
    <topBar></topBar>
    <mainCenter></mainCenter>
    <productView></productView>
  </div>
</template>
<script setup lang="ts">
import topBar from "@/components/MainTopBar.vue";
import mainCenter from "@/components/MainCenter.vue";
import productView from "@/components/ProductView.vue";
</script>

<style scoped lang="scss">
.app {
  display: flex;
  flex-direction: column;
  width: 100vw;
  min-height: 100vh;
  background-color: #f5f5f7;
}
</style>
